<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button onclick="test1()">加载百度页面</button><br/>
		<button onclick="test2()">弹出一个输入框</button><br/>
		<button onclick="test3()">弹出一个新窗口</button><br/>
		<button onclick="test4()">关闭浏览器窗口</button><br/>
		<button onclick="test5()">后退</button><br/>
		<button onclick="test6()">去博客</button><br/>
		<button onclick="test7()">location其他属性</button><br/>
		<button onclick="test8()">刷新当前页</button><br/>
		<button onclick="test9()">替换别的页面</button><br/>
		<button onclick="test10()">返回当前文档的url</button><br/>
		<a href="choujiang.html">去抽奖啦~</a><br/>
		
		用户名：<input type="text" name="name" id="uname" /><br />
		密码：<input type="text" name="name" /><br/>
		电话：<input type="text" name="name" /><br />
		地址：<input type="text" name="address" /><br/>
		<button onclick="test11()">用户名是严王霸</button>
		<button onclick="test12()">所有name的值是name的文本改为111</button>
		<button onclick="test13()">所有input标签的值为123</button>
		
		
		<script type="text/javascript">
			//加载百度页面
			function test1(){
				window.location = "http://www.baidu.com";
			}
			
			//弹出一个输入框
			function test2(){
				//window.prompt("请输入颜色","red");
				//alert('弹出了一个框');
				var b = confirm("确定要退出吗？");
				if(b==true){
					alert('你点了确定按钮');
				}else{
					alert('你点了取消按钮');
				}
			}
			
			//弹出一个新窗口
			function test3(){
				open("chop1.html","first","height=500px,width=500px");
			}  
			
			//关闭浏览器窗口
			function test4(){
				window.close();
			}
			
			//后退的功能
			function test5(){
				//window.history.back();
				window.history.go(-1);
			}
			
			//去博客
			function test6(){
				window.location.href = "http://穆雄雄.com";
			}
			
			function test7(){
				var host = window.location.host;
				var hostname = window.location.hostname;
				alert(host);
				alert(hostname);
			}
			
			//刷新页面
			function test8(){
				window.location.reload();
			}
			
			//替换别的页面
			function test9(){
				window.location.replace("chop1.html");
			}
			
			//返回url
			function test10(){
				var url = document.URL;
				alert(url);
			}
			
			//getElementById的用法
			function test11(){
				//给id为uname的文本框赋值
				document.getElementById("uname").value = "炎王霸";
			}
			
			//getElementsByName
			function test12(){
				//将所有的name= name的文本框赋值
				var names = document.getElementsByName("name");
				for(var i in names){
					names[i].value = "111";
				}
			}
			
			
			
			
		</script>
		
	</body>
</html>
